<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title></title>
    <link rel="stylesheet" href="/asserts/vendors/bootstrap-3.4.1-dist/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="/asserts/vendors/font-awesome-4.7.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="/asserts/css/user-list.css">
    <script src="/asserts/vendor/jquery.min.js"></script>
</head>
<body>
<div class="conta">
    <div>
        <a href="/?target=user-edit">
            <i class="fa fa-plus-circle"></i>新增用户
        </a>

    </div>
    <table class="context">
        <thead>
        <tr>
            <th>姓名</th>
            <th>状态</th>
            <th>操作</th>
        </tr>
        </thead>
        <tbody id="mytbody">
        <tr>
            <td>第一</td>
            <td>启用</td>
            <td>编辑 禁用</td>
        </tr>
        <tr>
            <td>第二</td>
            <td>启用</td>
            <td>编辑 禁用</td>
        </tr>
        <tr>
            <td>第三</td>
            <td>启用</td>
            <td>编辑 禁用</td>
        </tr>
        <tr>
            <td>第四</td>
            <td>禁用</td>
            <td>编辑 禁用 删除</td>
        </tr>
        </tbody>
    </table>
</div>
<script>
    $(document).ready(function () {
        $("#mytbody tr:odd").css("background-color","white");
        $("#mytbody tr:even").css("background-color","gray");
    })
</script>
</body>
</html>